<!-- 异步组件，运用到骨架屏 -->
<template>
    <Suspense>
        <!-- 要加载的异步组件 -->
        <template #default>
            <syncVue></syncVue>
        </template>

        <!-- 加载完成前展示的组件 -->
        <template #fallback>
            <skeleton></skeleton>
        </template>
    </Suspense>
</template>

<script setup lang='ts'>
import {ref, reactive, defineAsyncComponent } from 'vue'

import skeleton from './skeleton.vue';

// 引入异步组件
const syncVue = defineAsyncComponent(() => import('./syncComponent.vue'))
</script>
<style scoped>
</style>